<template>
    <div id="tcnotice">
<h3 class="alert alert-info">通知列表
  <router-link to="release">
  <el-button type="primary" size="small" round class="fabu">发布<i class="el-icon-upload el-icon--right"></i></el-button>
  </router-link></h3>
<div v-for="(info, index) in infos" :key="index">
    
   
    <el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item>
    <template slot="title">
      {{info.noticeTitle}}<i class="header-icon el-icon-info"></i>
      <el-col class="line" :span="2"></el-col>
      {{info.noticeTime}}
    </template>
    <div>{{info.noticeContent}}</div>
    
  </el-collapse-item>
  
</el-collapse>
</div>

    </div>
</template>
<script>
export default {
   data() {
      return {
          infos:[],
          activeNames:['1'],
      }
   },
   created(){
   },
   computed:{
   },
   methods:{
     handleChange(val) {
        console.log(val);
      }
   },
   mounted() {
    this.$axios
      .get("http://10.197.26.58:8001/getTnoticeList")
      .then((response) => {
        this.infos = response.data;
        console.log(this.infos);
      });
  },
}
</script>
<style  scoped>
#tcnotice{
  position: relative;
}
.fabu{
  position:absolute;
  margin-left: 400px;
  margin-top: -6px;
}

</style>

